body{
    margin:0;
    padding:0;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', Microsoft YaHei, sans-serif;
}
a{
    text-decoration: none;
}

#root .box{
    margin:0;
    padding:0;
    overflow: hidden;
    height:800px;
}
#root .box1{
    display:block;
    background-color:#404040;
    position: relative;
    height:800px;
    overflow-y:auto;
    z-index:100;
    width:250px;
}
.box .box1 .btn{
    display:block;
    height:30px;
    width:170px;
    margin-top:20px;
    margin-bottom:40px;
    border:1px solid #ec7259;
    text-align:center;
    border-radius: 15px;
    padding-top:5px;
}
.box .box1  a{
    width:137px;
    margin:0 auto;
    cursor: pointer;
}
.box .box1  a span{
    font-size:14px;
    color:#ec7259;
}
/* .box .box1 .news{
    height:30px;
} */
.box1 .news{
    margin-top:20px;
    margin-left:25px;
    border:none;
}
.box1 .news a{
    text-align: left;
    color:#fff;
    text-decoration: none;
    border:none;
}
.box1 .news a span{
    color:#fff;
    font-size:14px;
    font-weight:500;
    display:block;
}
.box .box1 .list ul{
    padding:0;
    list-style:none;
    width:248px;
}
.box .box1 .list ul li{
    width:223px;
    line-height: 40px;
    margin-bottom:10px;
    padding-left:25px;
}
.box .box1 .list .book{
    background-color:#969696c5;
    border-left:2px solid #ec7259;
}
.box1 .list ul li a{
    width:100%;
    text-align: left;
    color:#fff;
    border:none;
    font-size:14px;
    font-weight:500;
}
.box1 .list ul li a span{
    color:#fff;
    font-size:14px;
    font-weight:500;
}


.box .box2{
    display:block;
    height:800px;
    width:850px;
    position: relative;
    right:-250px;
    top:-800px;
}
.box .box2-1{
    overflow-y:scroll;
    width:450px;
    height:800px;
}
.box2 .box2-1 .title{
    color:#595959;
    font-weight:400;
    font-size:14px;
    cursor: pointer;
    padding:20px 0 20px 25px;
}
.box2 .box2-1 .title span{
    font-weight:400;
    font-size:15px;
}
.content{
    position: relative;
    background-color: #efe9d9;
    border:1px solid #d9d9d9;
    list-style:none;
}
.content .content-l{
    background-color: #e6e6e6;
    position: relative;
    left:-41px;
    height:90px;
    color:#595959;
    padding:15px 10px 15px 60px;
    border-left:5px solid #ec7259;
    line-height: 60px;
    cursor:pointer;
}
.content .content-l .c-nr{
    display:block;
    height:30px;
    line-height: 30px;
    margin-right:40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content .content-l .zs{
    position: absolute;
    bottom:2px;
    left:5pc;
    font-size:9px;
    line-height: 16px;
    color:#595959;
}

.box2 .box2-1 .new-btn{
    line-height:30px;
    padding:20px 0 20px 25px;
    cursor: pointer;
    color:#999;
    margin-bottom:80px;
}

.box2 .box2-2{
    overflow-y:scroll;
    position: relative;
    width:300px;
    height:800px;
}
.edit-area{
    position: relative;

}
.edit-body{
    position: relative;
    opacity: 1;
}
.up{
    position: relative;
    height:100vh;
    padding-top:20px;
}
.up .status{
    position: absolute;
    right:5px;
    top:2px;
}
.up p{
    margin-top:0;
    margin-bottom:1em;
}
.down{
    height:100%;
    display:flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
}
input:not([type=range]){
    touch-action: manipulation;
}
.down .no{
    width:100%;
    padding:0 80px 10px 40px;
    margin-bottom:0;
    border:none;
    font-size:30px;
    font-weight:400;
    line-height:30px;
    box-shadow: none;
    color:#595959;
    background-color: transparent;
    outline:none;
    border-radius: 0;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.edit-bar{
    margin:0;
    list-style-type:none;
    background-color:#d9d9d9;
    border-bottom:1px solid #ccc;
    font-size:0;
}
.clearfix{
    zoom:1;
}
.edit-bar li{
    display:inline-block;
    cursor: pointer;
    text-align: center;
}
.edit-bar .other{
    width:110px;
}
.edit-bar .e-fb{
    float:right;
}
.edit-bar .other a{
    font-size:13px;
}
.edit-bar li a{
    color:#595959;
    padding:11px 14px;
    display:inline-block;
    line-height:17px;
}
.edit-bar .e-tool{
    position: relative;
}
.e-area{
    height:calc(800-85)px;
    overflow-y:auto;
    display:flex;
    flex-direction: column;
}
.a-body{
    color:#333;
    font-size:16px;
    font-weight:400;
    line-height:1.7;
    bottom:0;
    outline:0;
    padding:40px 40px 80px;
}
.a-body p{
    margin:0 0 25px;
    word-break: break-word;
}